<!--设置 -->
<template>
  <div class="seting">
    <el-card shadow="always" :body-style="{ padding: '0px' }" class="base">
    <div class="like">
<span id="base-title">偏好</span><br>
 <el-switch
  v-model="checked1"
  >
</el-switch>
<span id="like-title">邮件提醒</span><br>
<span id="like-con">当有人发私信时，发邮件通知我</span><br><br>
<el-switch
  v-model="checked2"
  >
</el-switch>
<span  id="like-title">关注提醒</span><br>
<span id="like-con">当有人关注我时，发邮件通知我</span><br>
    </div>
    <div class="upload">
<span id="base-title">下载功能</span><br>
<el-switch
  v-model="checked1"
  >
</el-switch>
<span id="like-title">关注后下载</span><br>
<span id="like-con">您的粉丝可下载你的任意图片作品</span><br><br>
<el-switch
  v-model="checked2"
  >
</el-switch>
<span  id="like-title">打赏下载</span><br>
<span id="like-con">用户付费后可下载您的这一图片作品</span><br> 
    </div>
    </el-card>
      
  </div>
</template>

<script>
export default {
  data () {
    return {
      checked1:true,
      checked2:true,
    };
  },

  methods: {}
}

</script>
<style lang='scss' scoped>
.seting{
  margin: 20px 200px;
  .base{
    padding:50px;
     #base-title{
          font-size:30px;
          font-weight: bold;
          letter-spacing: 3px;
          line-height: 50px;
      }
      
        .el-switch{
          margin:20px 0;
        }
        #like-title{
          font-size: 18px;
          margin-left:20px;
          letter-spacing: 3px;
        }
        #like-con{
           font-size: 16px;
          margin-left:60px;
          letter-spacing: 3px;
        }
      
      .upload{
        margin-top:50px;
      }
  }
 
}
</style>